<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group_2 space-y-26">
      <view class="flex-row items-baseline">
        <text class="font_2 text_4">01</text>
        <text class="font_2 text_5">1000℃箱式电阻炉</text>
        <text class="font_2 text_6">0001</text>
      </view>
      <view class="flex-col space-y-18">
        <text class="self-start font_3 text_7">昨天</text>
        <view class="flex-col space-y-14">
          <view class="flex-row items-center list-item space-x-20" :key="i" v-for="(item, i) in list_TVLnjTT3">
            <view class="flex-row items-baseline flex-auto space-x-24">
              <text class="font_3">20：08</text>
              <text class="font_4">20：08有人共享设备</text>
            </view>
            <image class="shrink-0 image_6" src="../../static/images/2f1c2f7b5cd59dd7879633d1b27011e9.png" />
          </view>
        </view>
      </view>
      <view class="flex-col space-y-14">
        <text class="self-start font_3">2020.1.18</text>
        <view class="flex-row items-center list-item">
          <text class="font_3">17：50</text>
          <text class="font_4 text_8">17：50有人共享设备</text>
          <image class="shrink-0 image_6 image_8" src="../../static/images/2f1c2f7b5cd59dd7879633d1b27011e9.png" />
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
        list_TVLnjTT3: [null, null],
      };
    },

    methods: {},
  };
</script>

<style scoped lang="css">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .image_6 {
    width: 50rpx;
    height: 50rpx;
  }
  .group_2 {
    padding: 37.5rpx 37.5rpx 537.5rpx 47.92rpx;
    overflow-y: auto;
  }
  .space-y-26 > view:not(:first-child),
  .space-y-26 > text:not(:first-child),
  .space-y-26 > image:not(:first-child) {
    margin-top: 54.17rpx;
  }
  .font_2 {
    font-size: 41.67rpx;
    font-family: SourceHanSansCN;
    line-height: 29.17rpx;
    color: #000000;
  }
  .text_4 {
    line-height: 31.25rpx;
  }
  .text_5 {
    margin-left: 29.17rpx;
    line-height: 31.25rpx;
  }
  .text_6 {
    margin-left: 12.5rpx;
    line-height: 31.25rpx;
  }
  .space-y-18 > view:not(:first-child),
  .space-y-18 > text:not(:first-child),
  .space-y-18 > image:not(:first-child) {
    margin-top: 37.5rpx;
  }
  .font_3 {
    font-size: 31.25rpx;
    font-family: SourceHanSansCN;
    line-height: 23.96rpx;
    color: #808080;
  }
  .text_7 {
    line-height: 29.17rpx;
  }
  .space-y-14 > view:not(:first-child),
  .space-y-14 > text:not(:first-child),
  .space-y-14 > image:not(:first-child) {
    margin-top: 29.17rpx;
  }
  .list-item {
    padding: 25rpx 12.5rpx 25rpx 20.83rpx;
    background-color: #ffffff;
    box-shadow: 0px 4.17rpx 8.33rpx #00000040;
    border: solid 2.08rpx #138f874d;
  }
  .space-x-20 > view:not(:first-child),
  .space-x-20 > text:not(:first-child),
  .space-x-20 > image:not(:first-child) {
    margin-left: 41.67rpx;
  }
  .space-x-24 > view:not(:first-child),
  .space-x-24 > text:not(:first-child),
  .space-x-24 > image:not(:first-child) {
    margin-left: 50rpx;
  }
  .font_4 {
    font-size: 31.25rpx;
    font-family: SourceHanSansCN;
    line-height: 29.17rpx;
    color: #000000;
  }
  .text_8 {
    margin-left: 52.08rpx;
  }
  .image_8 {
    margin-left: 91.67rpx;
  }
</style>